<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>首页</title>
    <!--    主题样式-->
    <link rel="stylesheet" type="text/css" href="jeasyui/themes/bootstrap/easyui.css">
    <!-- 配置圖片样式-->
    <link rel="stylesheet" type="text/css" href="jeasyui/themes/icon.css">
    <!--    引入jquery环境-->
    <script type="text/javascript" src="jeasyui/jquery.min.js"></script>
    <!--    引入easyui.min.js环境-->
    <script type="text/javascript" src="jeasyui/jquery.easyui.min.js"></script>
    <!--    引入汉化包-->
    <script type="text/javascript" src="jeasyui/easyui-lang-zh_CN.js"></script>
    <script>
        function openTabs(text, url) {
            if ($("#tabs").tabs('exists', text)) {
                $("#tabs").tabs('select', text);
            } else {
                let myContext = "<iframe frameborder='0' scrolling='auto' style='width:100%;height:100%' src="+ url + "></iframe>";
                $("#tabs").tabs('add', {
                    title : text,
                    closable : true,
                    content : myContext
                })
            }
        }
    </script>
</head>
<body class="easyui-layout">
    <div data-options="region:'north',title:'图书借阅管理系统',split:true"
         style="height: 120px"></div>
    <div data-options="region:'west',title:'导航菜单',split:true"
         style="width: 150px">
        <div class="easyui-accordion" style="width: 100%;height: 100%">
            <div title="借阅信息管理">
                <a href="#" onclick="openTabs('借阅信息管理','html/brrow.html')" class="easyui-linkbutton" plain="true" style="width: 100%">借阅信息管理</a>
            </div>
            <div title="馆藏图书管理">
                <a href="#"  onclick="openTabs('类别信息管理','html/category.html')" class="easyui-linkbutton" plain="true" style="width: 100%">类别信息管理</a>
                <a href="#" onclick="openTabs('图书信息管理','html/book.html')"  class="easyui-linkbutton" plain="true" style="width: 100%">图书信息管理</a>
            </div>
            <div title="系统信息管理">
                <a href="#" onclick="openTabs('日志信息管理','html/logs.html')" class="easyui-linkbutton" plain="true" style="width: 100%">日志信息管理</a>
                <a href="#" onclick="openTabs('用户信息管理','html/user.html')" class="easyui-linkbutton" plain="true"   style="width: 100%">用户信息管理</a>
            </div>
        </div>
    </div>
    <div data-options="region:'center',title:'显示数据'">
    <div id="tabs" class="easyui-tabs" fit="true">
        <div title="首页"></div>
    </div>

    </div>
</body>
</html>